<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

<h:body>
<h:form>
      
      <h2><h:outputText value="#{msg['form.titre']}"/></h2>
      <p:messages globalOnly="true"/>
      <p:panelGrid id="inputsId" columns="4" columnClasses="col1,col2,col3,col4">
        <!-- ligne 0 -->
        <h:outputText value="#{msg['saisie.type']}" styleClass="entete"/>
        <h:outputText value="#{msg['saisie.champ']}" styleClass="entete"/>
        <h:outputText value="#{msg['saisie.erreur']}" styleClass="entete"/>
        <h:outputText value="#{msg['bean.valeur']}" styleClass="entete"/>
        <h:outputText value="#{msg['saisie1.prompt']}"/>
        <!-- ligne 1 -->
        <p:inputText id="saisie1" value="#{form.saisie1}" styleClass="saisie"/>
        <p:message for="saisie1"/>
        <h:outputText value="#{form.saisie1}"/>
        <h:outputText value="#{msg['saisie2.prompt']}" />
        <!-- ligne 2 -->
        <p:inputText id="saisie2" value="#{form.saisie2}"  styleClass="saisie"/>
        <p:message for="saisie2" showSummary="true" showDetail="false"/>
        <h:outputText value="#{form.saisie2}"/>
        <h:outputText value="#{msg['saisie3.prompt']}" />
        <!-- ligne 3 -->
        <p:inputText id="saisie3" value="#{form.saisie3}"  styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" converterMessage="#{msg['integer.required']}"/>
        <h:outputText value="#{form.saisie3}"/>
        <h:outputText value="#{form.saisie3}"/>
        <!-- ligne 4 -->
        <h:outputText value="#{msg['saisie4.prompt']}" />
        <p:inputText id="saisie4" value="#{form.saisie4}"  styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" converterMessage="#{msg['integer.required']}" validatorMessage="#{msg['saisie4.error']}">
          <f:validateLongRange minimum="1" maximum="10" />
        </p:inputText>
        <p:message for="saisie4"/>
        <h:outputText value="#{form.saisie4}"/>
        <!-- ligne 5 -->
        <h:outputText value="#{msg['saisie5.prompt']}" />
        <p:inputText id="saisie5" value="#{form.saisie5}"  styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" converterMessage="#{msg['double.required']}"/>
        <p:message for="saisie5"/>
        <h:outputText value="#{form.saisie5}"/>
        <!-- ligne 6 -->
        <h:outputText value="#{msg['saisie6.prompt']}"/>
        <p:inputText id="saisie6" value="#{form.saisie6}"  styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" converterMessage="#{msg['double.required']}" validatorMessage="#{msg['saisie6.error']}">
          <f:validateDoubleRange minimum="0.0"/>
        </p:inputText>
        <p:message for="saisie6"/>
        <h:outputText value="#{form.saisie6}"/>
        <!-- ligne 7 -->
        <h:outputText value="#{msg['saisie7.prompt']}"/>
        <p:inputText id="saisie7" value="#{form.saisie7}"  styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" converterMessage="#{msg['double.required']}"/>
        <p:message for="saisie7"/>
        <h:outputText value="#{form.saisie7}"/>
        <!-- ligne 8 -->
        <h:outputText value="#{msg['saisie8.prompt']}"/>
        <p:inputText id="saisie8" value="#{form.saisie8}"  styleClass="saisie" required="true" requiredMessage="#{msg['date.required']}" converterMessage="#{msg['saisie8.error']}">
          <f:convertDateTime pattern="dd/MM/yyyy"/>
        </p:inputText>
        <p:message for="saisie8"/>
        <h:outputText value="#{form.saisie8}">
          <f:convertDateTime pattern="dd/MM/yyyy"/>
        </h:outputText>
        <!-- ligne 9 -->
        <h:outputText value="#{msg['saisie9.prompt']}"/>
        <p:inputText id="saisie9" value="#{form.saisie9}"  styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" validatorMessage="#{msg['saisie9.error']}" >
          <f:validateLength minimum="4" maximum="4"/>
        </p:inputText>
        <p:message for="saisie9"/>
        <h:outputText value="#{form.saisie9}"/>
        <!-- ligne 10 -->
        <h:outputText value="#{msg['saisie9B.prompt']}"/>
        <p:inputText id="saisie9B" value="#{form.saisie9B}"  styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" validatorMessage="#{msg['saisie9B.error']}">
          <f:validateRegex pattern="^\s*\d{2}:\d{2}\s*$"/>
        </p:inputText>
        <p:message for="saisie9B"/>        
        <h:outputText value="#{form.saisie9B}"/>
        <!-- ligne 11 -->
        <h:outputText value="#{msg['saisie10.prompt']}"/>
        <p:inputText id="saisie10" value="#{form.saisie10}"  styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" validator="#{form.validateSaisie10}"/>
        <!-- <p:message for="saisie10"/>   -->
         <h:outputText value="#{form.saisie10}"/>
        <h:outputText value="#{form.saisie10}"/>
        <!-- ligne 12 -->
        <h:outputText value="#{msg['saisie11.prompt']}"/>
        <p:inputText id="saisie11" value="#{form.saisie11}"  styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" converterMessage="#{msg['integer.required']}"/>
        <h:panelGroup>
          <p:message for="saisie11"/>
          <h:outputText value="#{form.errorSaisie11}" styleClass="error"/>
        </h:panelGroup>
        <h:outputText value="#{form.saisie11}"/>
        <!-- ligne 13 -->
        <h:outputText value="#{msg['saisie12.prompt']}"/>
        <p:inputText id="saisie12" value="#{form.saisie12}" styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" converterMessage="#{msg['integer.required']}"/>
        <h:panelGroup>
          <p:message for="saisie12"/>
          <h:outputText value="#{form.errorSaisie12}" styleClass="error"/>
        </h:panelGroup>
        <h:outputText value="#{form.saisie12}"/>
        <!-- ligne 0 -->
        <h:outputText value="#{msg['saisie13.prompt']}"/>
        <p:inputText id="saisie13" value="#{form.saisie13}" styleClass="saisie" required="true" requiredMessage="#{msg['data.required']}" validatorMessage="#{msg['saisie13.error']}">
          <f:validateRegex pattern="\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}\b" />
        </p:inputText>
        <p:message for="saisie13"/>
        <h:outputText value="#{form.saisie13}"/>
      </p:panelGrid>

      <p:panelGrid columns="3">
        <p:commandButton value="#{msg['submit']}" actionListener="#{form.submit}" update="inputsId"/>
        <p:commandButton value="#{msg['reset']}" type="reset" />
        <p:commandButton value="#{msg['razModele']}" immediate="true" onclick="raz" update="inputsId" />
      </p:panelGrid>
      
</h:form>
</h:body>

</html>

